import React from 'react'
import Slider from '../../components/Slider'
import RecommendList from '../../components/RecommendList'

function Recommend(props) {
  const bannerList = Array(4).fill(null).map(item => {
    return {
      imageUrl: 'http://p1.music.126.net/ZYLJ2oZn74yUz5x8NBGkVA==/109951164331219056.jpg'
    }
  })

  const recommendList = Array(10).fill(null).map(item => {
    return {
      id: 1,
      picUrl: 'https://p1.music.126.net/fhmefjUfMD-8qtj3JKeHbA==/18999560928537533.jpg',
      playCount: 17171122,
      name: '朴树、许巍、李健、郑钧、老狼、赵雷'
    }
  })

  return (
    <div>
      <Slider bannerList={ bannerList }></Slider>
      <RecommendList recommendList={ recommendList }></RecommendList>
    </div>
  )
}

export default React.memo(Recommend)